body {
	background-color: #FFEBC2;
	width: auto;
}

#monitor {
	margin-top: 4px;
	border-style: none;
}

#monitor td {
	vertical-align: top;
}

#sinedria {
	width: 200px;
}

#pektis {
	width: 200px;
}

#trapezi {
	width: 200px;
}

.pliktro {
	display: inline-block;
	position: relative;
	margin-right: 30px;
}

.titlos {
	color: #1E1E1E;
	cursor: pointer;
}

.titlosOplisate {
	color: #000;
	background-color: #FDDEA7;
}

.workingIcon {
	position: absolute;
	top: 0px;
	right: -20px;
	width: 20px;
}

.zoom {
	display: none;
	position: absolute;
	width: 300px;
	min-height: 100px;
	padding: 6px;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-box-shadow: 4px 4px 18px #000;
	-moz-box-shadow: 4px 4px 18px #000;
	box-shadow: 4px 4px 18px #000;
}

/*****************************************************************************************************************************/

.sinedria {
	position: relative;
	background-color: red;
	margin: 10px;
	padding: 2px 4px 2px 4px;

	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

.sinedriaZoom {
	background-color: #F19AC1;
}

.sinedriaZoom:hover {
	background-color:#ddeeff;
}

.onomaZoom {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #EDADCD;

	border-style: solid;
	border-width: 1px;
}

.ipZoom {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #E079AE;

	border-style: solid;
	border-width: 1px;
}

.klidiZoom {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #F081BA;

	border-style: solid;
	border-width: 1px;
}


.isodosZoom {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #FAA0CE;

	border-style: solid;
	border-width: 1px;
}


/*****************************************************************************************************************************/

.pektis {
	position: relative;
	margin: 10px;
	padding: 2px 4px 2px 4px;
	background-color: #7B9E9E;

	border-style: solid;
	border-width: 1px;

	cursor: pointer;
}

.pektisZoom {
	background-color: #5DA095;
}

.loginZoom {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #FFFF6E;

	border-style: solid;
	border-width: 1px;
}

.profinfo {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #919968;

	border-style: solid;
	border-width: 1px;
}

.profinfo:before {
	margin-right: 4px;
	content: 'profinfo';
	font-style: italic;
	font-size: 80%;
	color: #000;
	opacity: 0.8;
}

.sxesi {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #DCF7B5;

	border-style: solid;
	border-width: 1px;
	border-color: #000;
}

.sxesi:before {
	margin-right: 4px;
	content: 'sxesi';
	font-style: italic;
	font-size: 80%;
	color: #000;
	opacity: 0.8;
}

.filos {
	color: #087904;
}

.apoklismenos {
	color: #FD0000;
}

/*****************************************************************************************************************************/

.trapezi {
	position: relative;
	margin: 10px;
	padding: 2px 4px 2px 4px;
	background-color: #DBDB80;

	border-style: solid;
	border-width: 1px;

	cursor: pointer;
}

.trapeziZoom {
	background-color: #979E47;
}

.kodikosZoom {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #FFFF6E;

	border-style: solid;
	border-width: 1px;
}

.apodoxi {
	display: inline;
	margin-left: 4px;
	color: #087904;
}

.oxiApodoxi {
	display: inline;
	margin-left: 4px;
	color: #FD0000;
}

.trparam {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #93B88E;

	border-style: solid;
	border-width: 1px;
}

.prosklisi {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #B9AABE;

	border-style: solid;
	border-width: 1px;
}

.prosklisi:before {
	margin-right: 4px;
	content: 'prosklisi';
	font-style: italic;
	font-size: 80%;
	color: #000;
	opacity: 0.8;
}

.partida {
	margin: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #E4E4B6;

	border-style: solid;
	border-width: 1px;
}

.partida:before {
	margin-right: 4px;
	content: 'partida';
	font-style: italic;
	font-size: 80%;
	color: #000;
	opacity: 0.8;
}

.energia {
	margin: 2px 2px 2px 10px;
	padding: 2px 4px 2px 4px;
	background-color: #D5C699;

	border-style: solid;
	border-width: 1px;
}

.energia1 {
	background-color: #E6D08A;
}

.energia1:before {
	margin-right: 4px;
	content: 'παίκτης 1';
	font-style: italic;
	font-size: 80%;
	color: #000;
}

.energia2:before {
	margin-right: 4px;
	content: 'παίκτης 2';
	font-style: italic;
	font-size: 80%;
	color: #000;
}

.energiaIdos {
	display: inline;
	margin-left: 4px;
	font-size: 80%;
	font-style: italic;
	color: #000;
	opacity: 0.8;
}

/*****************************************************************************************************************************/

.param {
	display: inline;
	margin-right: 4px;
	font-size: 80%;
	font-style: italic;
	color: #000;
	opacity: 0.8;
}
